<template>
<div class="home-shou">
  <navigation-bar-item/>
  <slide-show/>
  <short-video></short-video>
  <card></card>
  <middle-area-two-item></middle-area-two-item>
  <middle-area-htree-item></middle-area-htree-item>
  <footer-item></footer-item>
</div>
  
</template>

<script>
import NavigationBarItem from '../components/common/navigationbar/NavigationBarItem'
import SlideShow from '../components/common/slideshow/SlideShow'
import ShortVideo from '../components/content/shortvideo/ShortVideo'
import Card from '../components/content/card/Card'
import MiddleAreaTwoItem from '../components/common/middleareatwo/MiddleAreaTwoItem'
import MiddleAreaHtreeItem from '../components/common/middleareahtree/MiddleAreaHtreeItem'
import FooterItem from '../components/content/footer/FooterItem'


export default {
  name: 'Home',
  components: {
    NavigationBarItem,
    SlideShow,
    ShortVideo,
    Card,
    MiddleAreaTwoItem,
    MiddleAreaHtreeItem,
    FooterItem,
    
  },
 
}
</script>

<style scoped>
  .home-shou{
    width: 100%;
    background-color: #cfcfcf;
    min-width:1000px;
  }
   
</style>
